<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:import href="base-template.imp.xsl" />
	
	<xsl:template name="jscript">
		<script>
		
			var Models = new Array();
			
			<xsl:for-each select="//page/all-models/CarModel">
				var Mod = new Object();
				Mod.id = <xsl:value-of select="@id" />;
				Mod.name = '<xsl:value-of select="@name" />';
				Mod.developer = <xsl:value-of select="Developer/@id" />;
				Models.push(Mod);
			</xsl:for-each>			
			

		</script>
	</xsl:template>
	
	<xsl:output encoding="UTF-8" method="html" saxon:character-representation="native" xmlns:saxon="http://saxon.sf.net/"/>
	
	<xsl:template name="content">
		<xsl:call-template name="jscript" />
		<input type="hidden" name="tmp_model" id="cur_model" value="{//page/Car/Model/@id}"/>
		<div class="title">Редактирование объявления</div>
		<form name="car-info" method="post" action="/admin/car/{//page/Car/@infoid}/save" enctype="multipart/form-data">
		<table>
			<!--<xsl:value-of select="//page/Car/@infoid"/>. -->
			<tr>
				<td class="text">Производитель: </td>
				<td>
					<select name="developer" style="width: 100%" onchange="reloadModels()" id="devs">
						<xsl:for-each select="//page/all-developers/CarDeveloper">
							<xsl:choose>
								<xsl:when test="@id=//page/Car/Model/Developer/@id">
									<option value="{@id}" selected="selected"><xsl:value-of select="@name" /></option>
								</xsl:when>
								<xsl:otherwise>
									<option value="{@id}"><xsl:value-of select="@name" /></option>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:for-each>
					</select>				
					
					<div style="width:30em; height:1px"/>
				</td>
			</tr>
			<tr>
				<td class="text">Модель: </td>
				<td><select name="model" id="mods" style="width:100%">
						<option value="0">-- Сначала выбирите производителя --</option>
					 </select>
				</td>
			</tr>
			<tr>
				<td class="text">Объем двигателя: см<sup>3</sup></td>
				<td><input type="text" name="enginev" value="{//page/Car/@enginev}"/></td>
			</tr>
			<tr>
				<td class="text">Год выпуска: </td>
				<td><input type="text" name="year" value="{//page/Car/@year}"/></td>
			</tr>
			<tr>
				<td class="text">Пробег: км.</td>
				<td><input type="text" name="path" value="{//page/Car/@path}"/></td>
			</tr>
			<tr>
				<td  class="text">Цена: $</td>
				<td><input type="text" name="price" value="{//page/Car/@price}"/></td>
			</tr>
			<tr>
				<td class="text">Цвет: </td>
				<td><input type="text" name="color" value="{//page/Car/@color}"/></td>
			</tr>
			<tr>
				<td class="text">Состояние:</td>
				<td>
					<select name="state">
						<xsl:for-each select="//page/all-states/state">
							<xsl:choose>
								<xsl:when test="@id=//page/Car/state/@id">
									<option value="{@id}" selected="selected"><xsl:value-of select="@name" /></option>
								</xsl:when>
								<xsl:otherwise>
									<option value="{@id}"><xsl:value-of select="@name" /></option>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:for-each>
					</select>
				</td>
			</tr>
			<tr>
			<td class="text">Описание: </td>
			<td><textarea name="description" style="width:100%"><xsl:value-of select="//page/Car/@description" /></textarea></td> 
		</tr>
			<tr>
				<td class="text"  >Дейсвующее изображение:</td>
				<td><img width="114" height="90"  style="border:1px solid black" src="/media/cars/{//page/Car/@id}/small.jpg" /></td>
			</tr>
			<tr>
				<td />
				<td class="hint">Для того, чтобы изменить дейсвующее изоражение, необходимо загрузить новое</td>
			</tr>


			<tr>
				<td class="text"  >Загрузить изображение(JPEG, 114х90):</td>
				<td><input type="file" name="small_img" /></td>
			</tr>			
			
			
			
			<xsl:if test="//page/Car/@elite">			
				<tr>
					<td class="text"  >Дейсвующее "элитное" изображение:</td>
					<td><img width="235" height="100"  style="border:1px solid black" src="/media/cars/{//page/Car/@id}/big.jpg" /></td>
				</tr>
				<tr>
					<td />
					<td class="hint">Для того, чтобы изменить дейсвующее изоражение, необходимо загрузить новое</td>
				</tr>
	
	
				<tr>
					<td class="text"  >Загрузить изображение(JPEG, 235х100):</td>
					<td><input type="file" name="big_img" /></td>
				</tr>				
			</xsl:if>
			
			<tr><td><input type="submit" value="OK" /></td></tr>
		</table>
		</form>	
		
		<![CDATA[ 
		<script>
			var DevEl = document.getElementById('devs');
			var cur_model = document.getElementById('cur_model').value;
			var ModEl = document.getElementById('mods');
				
			var actulalModels = new Array();
			
			
			function reloadModels(){	
				DevEl = document.getElementById('devs');
				var actulalModels = new Array();	
				for(var i=0; i<Models.length; i++)
					if(Models[i].developer == DevEl.value)
						actulalModels.push(Models[i]);
				ModEl.innerHTML='';		
				for(var i=0; i<actulalModels.length; i++){
					
					var newO = document.createElement("option");
					newO.value = actulalModels[i].id;
					newO.innerHTML = actulalModels[i].name;
					if(actulalModels[i].id == cur_model)
						newO.selected = 'selected';
					ModEl.appendChild(newO);
					//ModEl.innerHTML+='<OPTION value="'+actulalModels[i].id+'">'+actulalModels[i].name+'</OPTION>';						
				}
			}
			
			reloadModels();
				
		</script>
		
		]]>
			
	</xsl:template>
</xsl:stylesheet>	